<template>
  <div class="">
    <el-container>
      <el-header ><NavTop @toggleAside='toggleAside'></NavTop></el-header>
      <el-container>
        <aside>
            <MyAside ref="aside"></MyAside>
        </aside>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import NavTop from '../../components/nav/navTop.vue'
import MyAside from '../../components/myAside/myAside.vue';
// import MyMain from '@/components/myMain/myMain'
export default {
  name: "home",
  components: {
      NavTop,
      MyAside,

  },
  methods:{
      toggleAside(){
          this.$refs.aside.toggleAside()
      }
  }
};
</script>

<style lang='scss' scoped>
header,main,aside{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
</style>